<!DOCTYPE html>
<html>
<head>
<title>Welcome to Grails</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<!-- SmartMenus jQuery plugin -->
<script src="js/jquery.smartmenus.min.js" type="text/javascript"></script>

<!-- SmartMenus core CSS (required) -->
<link href='css/sm-core-css.css' rel='stylesheet' type='text/css' />
<!-- "sm-blue" menu theme (optional, you can use your own CSS, too) -->
<link href='css/sm-blue.css' rel='stylesheet' type='text/css' />
</head>
<body>
	<ul id="main-menu" class="sm sm-blue">
		<li><a href="#">Home</a></li>
		<li><a href="#">Info</a>
			<ul>
				<li><a href="#">Item 2-1</a></li>
				<li><a href="#">Item 2-2</a></li>
				<li><a href="#">Item 2-3</a></li>
			</ul></li>
		<g:each in="${Kategorie.all }">
			<li><a href="#">${it.name }</a></li>
		</g:each>
	</ul>
	<script type="text/javascript">
		$(function() {
			$('#main-menu').smartmenus();
		});
	</script>

</body>
</html>
